@extends('layouts.admin')
@section('content')
    <!--面包屑导航 开始-->
    <div class="crumb_warp">
        <!--<i class="fa fa-bell"></i> 欢迎使用登陆网站后台，建站的首选工具。-->
        <i class="fa fa-home"></i> <a href="#">首页</a> &raquo; <a href="#">商品管理</a> &raquo; 添加商品
    </div>
    <!--面包屑导航 结束-->

    <!--结果页快捷搜索框 开始-->
    <div class="search_wrap">
        <form action="" method="post">
            <table class="search_tab">
                <tr>
                    <th width="120">选择分类:</th>
                    <td>
                        <select onchange="javascript:location.href=this.value;">
                            <option value="">全部</option>
                            <option value="http://www.baidu.com">百度</option>
                            <option value="http://www.sina.com">新浪</option>
                        </select>
                    </td>
                    <th width="70">关键字:</th>
                    <td><input type="text" name="keywords" placeholder="关键字"></td>
                    <td><input type="submit" name="sub" value="查询"></td>
                </tr>
            </table>
        </form>
    </div>
    <!--结果页快捷搜索框 结束-->

    <!--搜索结果页面 列表 开始-->
    <form action="#" method="post">
        <div class="result_wrap">
            <!--快捷导航 开始-->
            <div class="result_content">
                <div class="short_wrap">
                    <a href="#"><i class="fa fa-plus"></i>新增文章</a>
                    <a href="#"><i class="fa fa-recycle"></i>批量删除</a>
                    <a href="#"><i class="fa fa-refresh"></i>更新排序</a>
                </div>
            </div>
            <!--快捷导航 结束-->
        </div>
        <span style="float: left;background: url('{{asset('/resources/assets/images/city.png')}}');background-size:cover;width: 40%">
            <table style="height: 15rem;">

                <tr>
                    <td style="width: 60%;">
                        <p id="headName" style=" font-size: 16px;font-weight: bold;margin-left: 4rem; ">空气质量指数</p>
                        <p id="AQI" style="font-size: 20px;font-weight: bold;margin-left: 6rem; ">21</p>
                    </td>
                    <td style="width: 40%; ">
                        <div style="margin-left: 1rem; ">
                            <p id="city_name" style="font-size: 22px;font-weight: bold; "></p>
                            <div id="background" border="1 " align="center " style="background: greenyellow;width: 5rem; ">
                                <p id="level"></p>
                            </div>
                        </div>
                    </td>
                    <td>

                    </td>
                </tr>

            </table>

        </span>
        {{--<span style="float: left;background: url('{{asset('/resources/assets/images/bg1.png')}}')">--}}
            {{--<table style="height: 200px;width:200px">--}}
                {{--<tr>--}}
                    {{--<td></td>--}}
                    {{--<td></td>--}}
                {{--</tr>--}}
                {{--<tr>--}}
                    {{--<td><p>空气质量指数</p>--}}
                        {{--<p>60</p></td>--}}
                    {{--<td>郑州<p>重度污染</p></td>--}}
                {{--</tr>--}}
                {{--<tr>--}}
                    {{--<td></td>--}}
                    {{--<td></td>--}}
                    {{--<td></td>--}}
                {{--</tr>--}}
            {{--</table>--}}
        {{--</span>--}}
    <span style="float: left;width: 60%">
            <div class="result_wrap" style="float: left;">
                <div class="result_content">
                    <table class="list_tab">
                        <tr>
                            <th class="tc"></th>
                            <th class="tc">监测点</th>
                            <th>AQI</th>
                            <th>质量等级</th>
                            <th>PM2.5</th>
                            <th>PM10</th>
                            <th>CO</th>
                            <th>NO₂₃</th>
                            <th>O₃</th>
                            <th>SO₂</th>
                        </tr>
                        <tr>
                            <td class="tc">59</td>
                            <td>
                                <a href="#">众城商砼</a>
                            </td>
                            <td>良</td>
                            <td>66</td>
                            <td>54</td>
                            <td>21</td>
                            <td>66</td>
                            <td>54</td>
                            <td>72</td>
                            <td>75</td>
                        </tr>
                        <tr>
                            <td class="tc">59</td>
                            <td>
                                <a href="#">众城商砼</a>
                            </td>
                            <td>良</td>
                            <td>66</td>
                            <td>54</td>
                            <td>21</td>
                            <td>66</td>
                            <td>54</td>
                            <td>72</td>
                            <td>75</td>
                        </tr>
                        <tr>
                            <td class="tc">59</td>
                            <td>
                                <a href="#">众城商砼</a>
                            </td>
                            <td>良</td>
                            <td>66</td>
                            <td>54</td>
                            <td>21</td>
                            <td>66</td>
                            <td>54</td>
                            <td>72</td>
                            <td>75</td>
                        </tr>
                        <tr>
                            <td class="tc">59</td>
                            <td>
                                <a href="#">众城商砼</a>
                            </td>
                            <td>良</td>
                            <td>66</td>
                            <td>54</td>
                            <td>21</td>
                            <td>66</td>
                            <td>54</td>
                            <td>72</td>
                            <td>75</td>
                        </tr>


                    </table>
                </div>

                <div class="page_nav">
                    <div>
                        <a class="first" href="/wysls/index.php/Admin/Tag/index/p/1.html">第一页</a>
                        <a class="prev" href="/wysls/index.php/Admin/Tag/index/p/7.html">上一页</a>
                        <a class="num" href="/wysls/index.php/Admin/Tag/index/p/6.html">6</a>
                        <a class="num" href="/wysls/index.php/Admin/Tag/index/p/7.html">7</a>
                        <span class="current">8</span>
                        <a class="num" href="/wysls/index.php/Admin/Tag/index/p/9.html">9</a>
                        <a class="num" href="/wysls/index.php/Admin/Tag/index/p/10.html">10</a>
                        <a class="next" href="/wysls/index.php/Admin/Tag/index/p/9.html">下一页</a>
                        <a class="end" href="/wysls/index.php/Admin/Tag/index/p/11.html">最后一页</a>
                        <span class="rows">11 条记录</span>
                    </div>
                </div>


                <div class="page_list">
                    <ul>
                        <li class="disabled"><a href="#">&laquo;</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">&raquo;</a></li>
                    </ul>
                </div>
            </div>
        </span>
    </form>
    <!--搜索结果页面 列表 结束-->


@endsection